<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>

</body>
<script>
    // post  方法一  设置请求头
    // var req = new XMLHttpRequest();
    // req.open("post", "../php/post.php", true);
    // // post  请求或发送数据时需要设置  请求头
    // req.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    // req.send("name=www&age=18"); // 发送报文 (请求行  请求头 空行 和数据)
    // req.onreadystatechange = function () {
    //     if (req.readyState == 4 && req.status == 200) {
    //         console.log(req.responseText);
    //     }
    // }

    // 方法二  使用 FormData
    // name = www & age=18
    var fd = new FormData();
    fd.set("name", "www");
    fd.set("age", 18);

    var req = new XMLHttpRequest();
    req.open("post", "../php/post.php", true);
    // post  请求或发送数据时需要设置  请求头

    req.send(fd); // 发送报文 (请求行  请求头 空行 和数据)
    req.onreadystatechange = function () {
        if (req.readyState == 4 && req.status == 200) {
            console.log(req.responseText);
        }
    }






</script>

</html>